<!--
 * @Author: ChengNan 1429323234@qq.com
 * @Date: 2024-08-01 13:57:21
 * @LastEditors: ChengNan 1429323234@qq.com
 * @LastEditTime: 2024-08-01 17:48:43
 * @FilePath: /src/views/9.comRender/comRender.vue
 * @Description: render 动态组件
-->
<template>
  <div>
    <div v-for="(item, index) in list" :key="index">
      <RVComp :modelValue="item"/>
    </div>
  </div>
</template>

<script>
import RVComp from './RVComp';
export default {
  components: {
    RVComp
  },
  data() {
    return {
      list: [
        { content: '公{ $RV data1 } 元 {$RV data2}个', vKey: { data1: '1', data2: '3' } },
        { content: '发生的{ $RV data3 }块', vKey: { data3: '' } },
        { content: '发生的{ $RV data3 }块', vKey: { data3: '' } },
      ],
    }
  },
}
</script>

<style lang="scss" scoped>

</style>